/* 
	
   Layout specific CSS which is responsible for all basic style settings for layout & iframe alignments etc.

   Author : Guru
   Date : 24/10/2012
   
*/
body.base {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
}

/* Holy Grail Layout for secure pages with 3 cols*/
.base .col3layout .colmask {
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
}

.base .col3layout .colmid {
	float: left;
	width: 200%;
	margin-left: -200px; /* Width of right column */
	position: relative;
	right: 100%;
	background: #fff; /* Centre column background colour */
}

.base .col3layout .colleft {
	float: left;
	width: 100%;
	margin-left: -50%;
	position: relative;
	left: 400px; /* Left column width + right column width */
	background: #FFD8B7; /* Left column background colour */
}

.base .col3layout .col1wrap {
	float: left;
	width: 50%;
	position: relative;
	right: 200px; /* Width of left column */
	padding-bottom: 1em; /* Centre column bottom padding. Leave it out if it's zero */
}

.base .col3layout .col1 {
	margin: 0 215px; /* Centre column side padding:
                           	Left padding = left column width + centre column left padding width
                           	Right padding = right column width + centre column right padding width */
	position: relative;
	left: 200%;
	overflow: hidden;
}

.base .col3layout .col2 {
	float: left;
	float: right; /* This overrides the float:left above */
	width: 170px; /* Width of left column content (left column width minus left and right padding) */
	position: relative;
	right: 15px; /* Width of the left-had side padding on the left column */
}

.base .col3layout .col3 {
	float: left;
	float: right; /* This overrides the float:left above */
	width: 170px; /* Width of right column content (right column width minus left and right padding) */
	margin-right: 45px; /* Width of right column right-hand padding + left column left and right padding */
	position: relative;
	left: 50%;
}

/* 2 cols layout*/
.base .col2layout .colmask{
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
.base .col2layout .colleft {
	float: left;
	width: 200%;
	position: relative;
	left: 200px;
}

.base .col2layout .col1wrap {
	float: right;
	width: 50%;
	position: relative;
	right: 170px;
	padding-bottom: 1em;
}

.base .col2layout .col1 {
	margin: 0 15px 0 195px;
	position: relative;
	right: 100%;
	overflow: hidden;
}

.base .col2layout .col2 {
	float: left;
	width: 230px;
	position: relative;
	right: 190px;
}

.base #headerFrame {
	width: 99%;
	height: 120px;
}

.base #menuAndContentFrame {
	height: 600px;
	width: 230px;
}

.base #menuBarFrame {
	height: auto;
	width: 97%;
	z-index : 1000px;
}


.base #contentFrame {
	width: 95%;
	height: 600px;
}

.base .menuBarLayout #contentFrame {
	width: 98%;
	height: 600px;
}



.base #fotterFrame {
	width: 99%;
	height: 100px;
}

.base .rightHeaderContainer {
	padding-top: 5px;
}

.base .border-gradient-setter {
	box-shadow: 10px 10px 8px #888;
}

.base .page-header-section {
	background-repeat: repeat-x;
	height: 90px;
	width: 98.5%;
	margin-top: 10px;
	color: #fff;
	font-size: 14px;
}

.base .logoContainer {
	padding: 10px 10px 10px 30px;
	float: left;
}

.base .page-footer-section {
	background-repeat: repeat-x;
	height: 80px;
	width: 98.5%;
}

.base .welcomeHeading,.base .lastLoginHeading {
	margin: 2px 10px 0 0;
}

.base .headerIconsContainer{
	text-align: right;
}

.base .headerWordingsContainer {
	text-align: right;
	height: 30px;
	padding-top: 15px;
}

.base .headerIcons img {
	width: 36px;
}

.base .headerIcons {
	margin-right: 5px;
}

.base .field_row {
	text-align : left;
	padding : 5px 0px 5px 250px;
}

.base .field_row .iceOutLbl {
	width : 200px;
	display: inline-block;
}

